<!DOCTYPE html>
<html lang="en" ng-app="myApp" ng-controller="GlobalController">
<head>
    <title ng-bind="globalData.site_title"></title>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href=" " />
    <link rel="stylesheet" type="text/css" href="../css/theme.css">
    <link rel="stylesheet" type="text/css" href="../css/theme2.css">
</head>
<body>
@if (isset($invitation_id))
    <div class="main" id="theme_{{$invitation_id}}">
@else
    <div class="main">
@endif
    <div class="nav_top">
        <label id="playbox" class="on" onclick="mp3_play()">
            <audio id="audio" autoplay="autoplay" loop="loop">
                <source src="../mp3/1.mp3" type="audio/mpeg">
            </audio>
        </label>
    </div>
    <div id="navigation">
        <ul>
            <li><a id="cover" class="buttonSelectedCover" style="display:inline-block" href="#" title="封面页"></a></li>
            <li><a id="mainBody" class="buttonUnSelectedMainBody" style="display:inline-block" href="#" title="邀请页"></a></li>
            <li><a id="photo" class="buttonUnSelectedPhoto" style="display:inline-block" href="#" title="照片页"></a></li>
            <li><a id="map" class="buttoUnnSelectedMap buttonUnSelectedMap" style="display:inline-block" href="#" title="地图页"></a></li>
            <li><a id="contact" class="buttonUnSelectedContact" style="display:inline-block" href="#" title="祝福页"></a></li>
        </ul>
    </div>
    <div id="coverPage" class="cover">
        <div class="center topPhoto">
            <ul class="topSlides">
                <li>
                    <img src="../img/2_top.gif" alt="封面页顶端图片">
                </li>
            </ul>
        </div>
        <div class="wordsContentInfo" style="display:block;padding-top:90px; font-family:微软雅黑;font-size:16px;color:#F0E68C;width:85%;">
            <div class="man left">
                <h3 class="man_name">新郎</h3>
                <p>巨蟹座</p>
            </div>
            <p id="invit_letter" class="left">相知相爱一路走来<br>沉浸在幸福中的我们将许下一生的承诺<br>在这神圣的日子里<br>诚邀您共同见证我们的幸福</p>
            <div class="women right">
                <h3 class="women_name">新娘</h3>
                <p>双鱼座</p>
            </div>
        </div>
        <div class="center bottomPhoto">
            <ul class="bottomSlides">
                <li>
                    <img src="../img/2_bottom.gif" alt="封面页底边图片">
                </li>
            </ul>
        </div>
        <div class="face">
            <div id="p4" class="man-face left">
                <img src="../img/xingzuo_2.jpg">
            </div>
            <div id="p12" class="women-face right">
                <img src="../img/xingzuo_2.jpg">
            </div>
        </div>
    
    </div>
    <div id="mainBodyPage" class="mainBody none">
        <div class="center topPhoto">
            <ul class="topSlides">
                <li>
                    <img src="../img/2_top.gif" alt="正文页顶端图片">
                </li>
            </ul>
        </div>
        <div  class="wordsContentInfo" style="display:block; padding-top: 50px;  font-family:微软雅黑;font-size:16px;color:#F0E68C;width:85%;">
            敬&nbsp;&nbsp;邀<br>
            我们将于<br>
            <p id="wedding_time">2020年05月15日中午12点30分</p>
            举行结婚典礼<br>
            敬备喜筵&nbsp;&nbsp;恭候光临
            <p id="wedding_add">宴设：西安西来登大酒店二层鸳鸯厅</p>
            <p>新郎：<span class="man_name">梁山伯</span></p>
            <p>新娘：<span class="women_name">祝英台</span></p>
            您的光临与祝福，将是我们最大的荣耀！<br>
            我&nbsp;|&nbsp;们&nbsp;|&nbsp;恭&nbsp;|&nbsp;候&nbsp;|&nbsp;您&nbsp;|&nbsp;的&nbsp;|&nbsp;光&nbsp;|&nbsp;临
        </div>
        <div class="center bottomPhoto">
            <ul class="bottomSlides">
                <li>
                    <img src="../img/2_bottom.gif" alt="正文页底边图片">
                </li>
            </ul>
        </div>
    </div>
    <div id="photoPage" class="photo none">
        <div class="center topPhoto">
            <ul class="topSlides">
                <li>
                    <img src="../img/2_top.gif" alt="照片页顶端图片">
                </li>
            </ul>
        </div>

        <div class="flexslider" style="margin-top:20px; width:99%;">
           <div class="photo slides" id="picture">
                
            </div>
        </div>
        <div class="center bottomPhoto">
            <ul class="bottomSlides">
                <li>
                    <img src="../img/2_bottom.gif" alt="照片页底边图片">
                </li>
            </ul>
        </div>
    </div>
    <div id="mapPage" class="map none">
        <div class="center topPhoto">
            <ul class="topSlides">
                <li>
                    <img src="../img/2_top.gif" alt="地图页顶端图片">
                </li>
            </ul>
        </div> 
        <div class="center wordsContentInfo" style="display:block;padding-top:30px; font-family:微软雅黑;font-size:16px;color:#F0E68C;width:85%;">
            <p>新郎电话：<span id="boy_tel">13241512515</span></p>
            <p>新娘电话：<span id="girl_tel">21515413667</span></p>
            <p id="traffic_way">交通指南：自驾北四环中关村南大街21号，乘坐地铁4号线中关村站下车，公交车38、69、478路中关村站下车</p>
        </div>
        <!--百度地图容器-->
       <!--  <div class="flexslider" style="margin-top:30px;">
        <div id="searchResultPanel" style="border:1px solid #C0C0C0;width: 90%;height: 400px; display:none;">onconfirm<br>index = 0<br>myValue = 秦皇岛市海港区竹笛饭店</div>
        <div id="l-map" style="width: 90%;height: 400px; border: 1px solid rgb(204, 204, 204); margin-top: 15px; margin-left:10px; overflow: hidden; position: relative; z-index: 0; color: rgb(0, 0, 0); text-align: left; background-color: rgb(243, 241, 236);">
        <div style="overflow: visible; position: absolute; z-index: 0; left: 0px; top: 0px; cursor: url(http://api0.map.bdimg.com/images/openhand.cur) 8 8, default;">
        <div class="BMap_mask" style="position: absolute; left: 0px; top: 0px; z-index: 9; overflow: hidden; -webkit-user-select: none; width: 600px; height: 450px;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;">
        <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 800;">
            
        </div>
        <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;">
        <span class="BMap_Marker BMap_noprint" unselectable="on" "="" style="position: absolute; padding: 0px; margin: 0px; border: 0px; cursor: pointer; width: 19px; height: 25px; left: 290px; top: 200px; z-index: -7982260; -webkit-user-select: none; background: url(http://api0.map.bdimg.com/images/blank.gif);" title=""></span><span class="BMap_Marker BMap_noprint" unselectable="on" "="" style="position: absolute; padding: 0px; margin: 0px; border: 0px; cursor: pointer; width: 18px; height: 18px; left: 161px; top: 160px; z-index: 19000000; -webkit-user-select: none; display: none; background: url(http://api0.map.bdimg.com/images/blank.gif);" title=""></span></div>
        <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;">
            
        </div>
        <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;">
        <label class="BMapLabel" unselectable="on" style="position: absolute; display: none; cursor: inherit; border: 1px solid rgb(140, 140, 140); padding: 1px; white-space: nowrap; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 12px; line-height: normal; font-family: arial, sans-serif; z-index: 80; -webkit-user-select: none; color: rgb(77, 77, 77); background-color: rgb(255, 255, 225);">点击可查看详情</label></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;"><span class="BMap_Marker" unselectable="on" style="position: absolute; padding: 0px; margin: 0px; border: 0px; width: 0px; height: 0px; left: 290px; top: 200px; z-index: -7982260;"><div style="position: absolute; margin: 0px; padding: 0px; width: 19px; height: 25px; overflow: hidden;"><img src="http://api0.map.bdimg.com/images/marker_red_sprite.png" style="display: block; border:none;margin-left:0px; margin-top:0px; "></div></span><span class="BMap_Marker" unselectable="on" style="position: absolute; padding: 0px; margin: 0px; border: 0px; width: 0px; height: 0px; left: 161px; top: 160px; z-index: 19000000; display: none;"><div style="position: absolute; margin: 0px; padding: 0px; width: 18px; height: 18px; overflow: hidden;">
        <img src="http://api0.map.bdimg.com/images/spotmkrs.png" style="display: block; border:none;margin-left:-250px; margin-top:-244px; "></div></span></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 300;"><span unselectable="on" style="position: absolute; padding: 0px; margin: 0px; border: 0px; width: 20px; height: 11px; left: 294px; top: 214px;">
        <div style="position: absolute; margin: 0px; padding: 0px; width: 20px; height: 11px; overflow: hidden;">
        <img src="http://api0.map.bdimg.com/images/marker_red_sprite.png" style="display: block; border:none;margin-left:-19px; margin-top:-13px; "></div></span></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 201;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"></div>
        </div>
        <div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 1;">
        <div style="position: absolute; overflow: visible; z-index: -100; left: 300px; top: 225px; display: block; transform: translate3d(0px, 0px, 0px);"><img src="http://online0.map.bdimg.com/tile/?qt=tile&amp;x=51986&amp;y=18849&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20150528" style="position: absolute; border: none; width: 256px; height: 256px; left: -159px; top: -210px; max-width: none; opacity: 1;"><img src="http://online4.map.bdimg.com/tile/?qt=tile&amp;x=51985&amp;y=18849&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20150528" style="position: absolute; border: none; width: 256px; height: 256px; left: -415px; top: -210px; max-width: none; opacity: 1;"><img src="http://online1.map.bdimg.com/tile/?qt=tile&amp;x=51987&amp;y=18849&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20150528" style="position: absolute; border: none; width: 256px; height: 256px; left: 97px; top: -210px; max-width: none; opacity: 1;"><img src="http://online4.map.bdimg.com/tile/?qt=tile&amp;x=51986&amp;y=18848&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20150528" style="position: absolute; border: none; width: 256px; height: 256px; left: -159px; top: 46px; max-width: none; opacity: 1;"><img src="http://online1.map.bdimg.com/tile/?qt=tile&amp;x=51986&amp;y=18850&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20150528" style="position: absolute; border: none; width: 256px; height: 256px; left: -159px; top: -466px; max-width: none; opacity: 1;"><img src="http://online3.map.bdimg.com/tile/?qt=tile&amp;x=51985&amp;y=18848&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20150528" style="position: absolute; border: none; width: 256px; height: 256px; left: -415px; top: 46px; max-width: none; opacity: 1;"><img src="http://online0.map.bdimg.com/tile/?qt=tile&amp;x=51985&amp;y=18850&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20150528" style="position: absolute; border: none; width: 256px; height: 256px; left: -415px; top: -466px; max-width: none; opacity: 1;"><img src="http://online0.map.bdimg.com/tile/?qt=tile&amp;x=51987&amp;y=18848&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20150528" style="position: absolute; border: none; width: 256px; height: 256px; left: 97px; top: 46px; max-width: none; opacity: 1;"><img src="http://online2.map.bdimg.com/tile/?qt=tile&amp;x=51987&amp;y=18850&amp;z=18&amp;styles=pl&amp;scaler=1&amp;udt=20150528" style="position: absolute; border: none; width: 256px; height: 256px; left: 97px; top: -466px; max-width: none; opacity: 1;"></div></div><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 2; display: none;"><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 0; display: none;"></div><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 10; display: none;"></div></div><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 3;"></div></div><div class="pano_close" title="退出全景" style="z-index: 1201; display: none;"></div><a class="pano_pc_indoor_exit" title="退出室内景" style="z-index: 1201; display: none;"><span style="float:right;margin-right:12px;">出口</span></a><div id="zoomer" style="position:absolute;z-index:0;top:0px;left:0px;overflow:hidden;visibility:hidden;cursor:url(http://api0.map.bdimg.com/images/openhand.cur) 8 8,default"><div class="BMap_zoomer" style="top:0;left:0;"></div><div class="BMap_zoomer" style="top:0;right:0;"></div><div class="BMap_zoomer" style="bottom:0;left:0;"></div><div class="BMap_zoomer" style="bottom:0;right:0;"></div></div><div unselectable="on" class=" BMap_stdMpCtrl BMap_stdMpType0 BMap_noprint anchorTL" style="width: 62px; height: 192px; bottom: auto; right: auto; top: 10px; left: 10px; position: absolute; z-index: 1100;"><div class="BMap_stdMpPan" style="background-position: 0px 0px;"><div class="BMap_button BMap_panN" title="向上平移"></div><div class="BMap_button BMap_panW" title="向左平移"></div><div class="BMap_button BMap_panE" title="向右平移"></div><div class="BMap_button BMap_panS" title="向下平移"></div><div class="BMap_stdMpPanBg BMap_smcbg"></div></div><div class="BMap_stdMpZoom" style="height: 147px; width: 62px;"><div class="BMap_button BMap_stdMpZoomIn" title="放大一级" style="background-position: 0px -221px;"><div class="BMap_smcbg"></div></div><div class="BMap_button BMap_stdMpZoomOut" title="缩小一级" style="top: 126px;"><div class="BMap_smcbg"></div></div><div class="BMap_stdMpSlider" style="height: 108px;"><div class="BMap_stdMpSliderBgTop" style="height: 108px;"><div class="BMap_smcbg"></div></div><div class="BMap_stdMpSliderBgBot" style="top: 7px; height: 105px;"></div><div class="BMap_stdMpSliderMask" title="放置到此级别"></div><div class="BMap_stdMpSliderBar" title="拖动缩放" style="cursor: url(http://api0.map.bdimg.com/images/openhand.cur) 8 8, default; top: 7px;"><div class="BMap_smcbg"></div></div></div><div class="BMap_zlHolder"><div class="BMap_zlSt"><div class="BMap_smcbg"></div></div><div class="BMap_zlCity"><div class="BMap_smcbg"></div></div><div class="BMap_zlProv"><div class="BMap_smcbg"></div></div><div class="BMap_zlCountry"><div class="BMap_smcbg"></div></div></div></div><div class="BMap_stdMpGeolocation" style="position: initial; display: none; margin-top: 43px; margin-left: 10px;"><div class="BMap_geolocationContainer" style="position: initial; width: 24px; height: 24px; overflow: hidden; margin: 0px; box-sizing: border-box;"><div class="BMap_geolocationIconBackground" style="width: 24px; height: 24px; background-image: url(http://api0.map.bdimg.com/images/navigation-control/geolocation-control/pc/bg-20x20.png); background-size: 20px 20px; background-position: 3px 3px; background-repeat: no-repeat;"><div class="BMap_geolocationIcon" style="position: initial; width: 24px; height: 24px; cursor: pointer; background-image: url('http://api0.map.bdimg.com/images/navigation-control/geolocation-control/pc/success-10x10.png'); background-size: 10px 10px; background-repeat: no-repeat; background-position: center;"></div></div></div></div></div><div class=" anchorBL" style="height: 32px; position: absolute; z-index: 30; bottom: 0px; right: auto; top: auto; left: 1px;"><a title="到百度地图查看此区域" target="_blank" href="http://map.baidu.com/?sr=1" style="outline: none;"><img style="border:none;width:77px;height:32px" src="http://api0.map.bdimg.com/images/copyright_logo.png"></a></div><div unselectable="on" class=" BMap_cpyCtrl BMap_noprint anchorBL" style="cursor: default; white-space: nowrap; color: black; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: 15px; font-family: arial, sans-serif; bottom: 2px; right: auto; top: auto; left: 81px; position: absolute; z-index: 10; background: none;"><span _cid="1" style="display: inline;"><span style="font-size:11px">© 2015 Baidu&nbsp;- Data © <a target="_blank" href="http://www.navinfo.com/" style="display:inline;">NavInfo</a> &amp; <a target="_blank" href="http://www.cennavi.com.cn/" style="display:inline;">CenNavi</a> &amp; <a target="_blank" href="http://www.365ditu.com/" style="display:inline;">道道通</a></span></span></div></div>
        <input type="hidden" id="lng" name="lng" value="119.551663">
        <input type="hidden" id="lat" name="lat" value="39.911301">
        <input type="hidden" id="zoom" name="zoom" value="18">

        </div> -->
        <div class='title' style="font-family:微软雅黑;font-size:16px;color:#F0E68C;text-align:center;">
                <h2>结婚视频</h2>
            </div>
            <div class='video'>
<!--                 <a id="video" href="http://v.qq.com/boke/page/q/0/2/q0157fai2d2.html" class='play'>
                    <img class="picture_main" src="../img/12_video.png">
                </a> -->
                <video id="video" width="320" height="240" controls="controls">
                  <source src="" >
                </video>
            </div>
        <div class="center bottomPhoto">
            <ul class="bottomSlides">
                <li>
                    <img src="../img/2_bottom.gif" alt="地图页底边图片">
                </li>
            </ul>
        </div>
    </div>
    <div id="contactPage" class="contact none">
        <div class="center topPhoto">
            <ul class="topSlides">
                <li>
                    <img src="../img/2_top.gif" alt="互动页顶端图片">
                </li>
            </ul>
        </div>

        <div class="flexslider" style="margin-top:0px;">
            <div class="center contactDiv">
                <form>
                    <input class='ui-input' type="text" placeholder="您的姓名" name="userName" id="userName"><br/>
                    <input class='ui-input' type="tel" placeholder="您的手机号码" name="telephone" id="telephone"><br/>
                    <textarea class='ui-textarea' placeholder="输入您的祝福" name="content" id="content"></textarea><br/>
                    <input class="ui-input none" type="text" placeholder="出席人数" name="" id="join_num"><br/>
                    <input type="hidden" name="is_join" id="is_join">
                    <div class="join_btns">
                        <a href="javascript:;" onclick="select_join(this)" data="1">出席</a>
                        <a href="javascript:;" onclick="select_join(this)" data="0">不出席</a>
                    </div>
                    <div onclick="themeSub();" class='submit'>
                        <a href="#">提交</a>
                    </div>
                </form>
            </div>
        </div>
        <div class="center bottomPhoto">
            <ul class="bottomSlides">
                <li>
                    <img src="../img/2_bottom.gif" alt="互动页底边图片">
                </li>
            </ul>
        </div>
    </div>
</div>
    <script type="text/javascript" src="../jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="../theme.js"></script>
    <script type="text/javascript" src="../theme3.js"></script>
</body>
</html>